﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:toolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"
    Tag="Layout: DockPanel with WrapPanel Page">
    <toolkit:DockPanel LastChildFill="True">
        <Grid toolkit:DockPanel.Dock="Left"
            Background="Chartreuse"
            Width="128">
        </Grid>
        <Grid toolkit:DockPanel.Dock="Bottom"
            Background="Aquamarine"
            Height="96">
        </Grid>
        <Grid toolkit:DockPanel.Dock="Right"
            Background="Azure">
            <Grid.Resources>
                <Style TargetType="Rectangle">
                    <Setter Property="Fill" Value="Black" />
                    <Setter Property="Height" Value="60" />
                    <Setter Property="Margin" Value="4" />
                    <Setter Property="Opacity" Value="0.5" />
                    <Setter Property="Width" Value="60" />
                </Style>
            </Grid.Resources>
            <toolkit:WrapPanel Orientation="Vertical">
                <Rectangle />
                <Rectangle />
                <Rectangle />
                <Rectangle />
                <Rectangle />
                <Rectangle />
                <Rectangle />
                <Rectangle />
                <Rectangle />
            </toolkit:WrapPanel>
        </Grid>
    </toolkit:DockPanel>
</UserControl>
